<template>
    <div>
      
        <!-- <Search></Search> -->
        <div class="orderHeader">
          <router-link tag="li" to="/mine">
                 <van-icon name="arrow-left"  />
          </router-link>
            <span>全部订单</span>
            <router-link  to="/searchShop" tag="li">
            <van-icon name="search"  />
            </router-link>
           
        </div>
        <van-tabs v-model="active" swipe-threshold="5">
            <van-tab title="全部" name="all">全部</van-tab>
            <van-tab title="待付款" name="pay">待付款</van-tab>
            <van-tab title="待成团" name="team">待成团</van-tab>
            <van-tab title="待收货" name="produce">生产/待收货</van-tab>
            <van-tab title="待评价" name="assess">待评价</van-tab>
        </van-tabs>
    </div>
</template>
<script>
import Search from './searchShop';
import Vue from 'vue';
import { Tab, Tabs } from 'vant';
Vue.use(Tab);
Vue.use(Tabs);



export default {
  data() {
    return {
      active: this.$route.params.type,
    };
  },
};
</script>
<style lang="stylus" scoped>

    .orderHeader
        display flex
        padding .2rem .1rem
        justify-content space-between
        height .85rem
        font-size .32rem

</style>
<style lang="stylus" scoped>
.van-icon
    font-size .48rem

</style>